<html>
<head>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="quickpager.jquery.js"></script>
        

<style type="text/css">
	
</style>

    <script type="text/javascript">

        $(function() {
        $("ul.paging").quickPager();
        });
    </script>

</head>
<body>
    <div>
    <div id="pgr">
    </div>
    
    <ul class="paging">
	<li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>

    <li>7</li>
    <li>8</li>
    <li>9</li>
	<li>10</li>
    <li>11</li>
    <li>12</li>

    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>

    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>

</ul>
    
    </div>
</body>
</html>
